
<div class="z_sidebar" (mouseleave)="onMouseLeaveDiv()" >
  <div class="z_sideMenu">
    <ul class="z_menu" *ngFor="let item of data">
      <li class="z_menu_item "  (mouseover)="setActive(item)"  (mouseleave)="onMouseLeave()" [class.active]="activeItem === item.title" >
        <i [class]="item.menuIcon"></i>
        <span class="z_title">
          {{ item.title }}
        </span>
      </li>
    </ul>
  </div>
</div>




